<template>
  <div class="history-list-content-wrapper">
    <history-item v-for="item in list" :key="item.key" :listItem="item" />
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
import HistoryItem from '@/components/HistoryItem'
export default {
  props: {},
  components: { HistoryItem },
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['quiz']),

    historyList() {
      if (!this.quiz) return {}
      return this.quiz.historyList
    },

    list() {
      if (!this.historyList) return {}
      return this.historyList.list
    },
  },
  mounted() {},
  filters: {},
  watch: {},
  methods: {},
}
</script>

<style lang="less" scoped>
.history-list-content-wrapper {
  // min-height: 100%;
}
</style>
